{extend name="Public:base2" /}

{block name="header"}
	{load href="__CSS__/about.css" /}
	<style type="text/css">
		.aaa-text{
			max-width:800px;
			margin:auto;
		}
		.img img{
			display:block;
		}
		.team-box .text{
			text-align:center;
		}
		.team-box .text h4{
			font-size:18px;
			margin-bottom:8px;
		}
		.team-box .text p{
			font-size:14px;
		}
		.aaa-img{
			padding:0 20px;
		}
		@media(max-width:768px){
			.aaa-img img{
				margin-bottom:10px;
			}
		}
	</style>
{/block}
{block name="main"}
	{include file="Public:catnav" /}

	<div class="team-body page-body">
		<div class="container">
			<div class="title">
				<h2>{$wap_catname}</h2>
				<h3>{$catname} <span></span></h3>
			</div>
			<div class="content">
				<div class="team-box row">
					<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
						<div class="aaa-text">{$block[6]}</div>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
						<div class="team-banner" style="padding-bottom:10px;"><h3>高管团队</h3></div>
						<div class="row">
							{cp:list catid="53" id="r" order="listorder desc,id desc" field="thumb,title,keywords" limit="4"}
							<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3" style="margin-bottom:15px;">
								<div class="img aaa-img"><img src="{$r.thumb}" alt="" width="100%"></div>
								<div class="text">
									<h4>{$r.title}</h4>
									<p>{$r.keywords}</p>
								</div>
							</div>
							{/cp:list}
						</div>
					</div>
				</div>
				

				<div class="team-banner">
					<h3>团队风采</h3>
					<div class="team-banner-box">
						{php}$slide = getSlide(7);{/php}
						<div class="swiper-container swiper-team">
						  <div class="swiper-wrapper">
							{volist name="slide" id="r"}
						    <div class="swiper-slide">
								<img src="{$r.pic}" alt="" width="100%">
						    </div>
						    {/volist}
						  </div>
						</div>
						<div class="swiper-button-prev"></div><!--左箭头-->
    					<div class="swiper-button-next"></div><!--右箭头-->
					</div>
				</div>
			</div>
		</div>
	</div>

	<script language="javascript"> 
	  var mySwiper = new Swiper('.swiper-team', {
	    navigation: {
	      nextEl: '.swiper-button-next',
	      prevEl: '.swiper-button-prev',
	    },
	  });
	</script>
{/block}